<style>

</style>

<div>
    <div class="card">
        <div class="card-header">
            短信模板（各种费用由系统自动生成，管理员只需要选择发送人即可）
        </div>
        <div class="alert alert-info alert-dismissable" style="margin: 5px 20px 5px 20px">
            <i class="fa fa-exclamation-circle"></i> 短信功能简介：<br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1. 默认系统发送：下面的所有短信消息一般由系统自动发送。<br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. 定制化： 如果有特殊定制化要求，请查看短信配置。<a href=""><span
                        style="color: red">点我立即查看</span></a><br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3. 为什么有些管理员没有收到短信(多选框中没有想要的管理员)？
            可能短信api欠费了，或者系统中没有该管理员的手机号码。<a href="/admin/admin-mobile"><span style="color: red">点击添加手机号码</span></a><br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4. 为什么有些租客没有收到短信(多选框中没有想要的用户)？ 必须先抄表才能发送短信给租客。<a
                    href="{{route('admin.running-water.index')}}"><span style="color: red">去未收账单中抄表</span></a><br>
        </div>

        <div class="alert alert-info alert-dismissable" style="margin: 5px 20px 5px 20px">
            <i class="fa fa-exclamation-circle"></i> 下面的按钮使用：<br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1. 默认情况下：点击下面的按钮既可以，默认是群体发送。<br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2. 但你选择租客(管理员)之后：点击发送按钮，系统会自动发送短信给你选择的租客(管理员)。<br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;3. 请熟练掌握shift + 左击 和 ctrl + 左击，<b>并且</b>请在租客(管理员)多选框中进行这种操作。<br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4. 开发者留下的问答. 问：为什么不搞一个简单一点的多选框？答：受制于代码依赖的框架。<br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5. 不小心点击了多选框然后又想群发短信怎么办？ 请刷新界面(点击键盘F5)<br>
        </div>

        <div class="card-body" style="display: flex; justify-content: space-between; flex-wrap: wrap;">
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                    <h5 class="card-title">模板id: 662829</h5>
                    <h6 class="card-subtitle mb-2 text-muted">&nbsp;</h6>
                    <p class="card-text">
                        管理员您好，您的房产本月应收租金{1}元，已收{2}元。详情请查看：http://39.101.218.208:8090/admin/auth/login</p>
                    <div class="alert alert-info alert-dismissable" style="margin: 5px">
                        <i class="fa fa-exclamation-circle"></i> 注：ctrl + 左击 进行多选
                    </div>
                    <div class="form-group">
                        <label for="selectAdmins">请选择管理员</label>
                        <select multiple class="form-control" name="admins662829" style="max-height: 150px">
                            @foreach($admins as $admin)
                                <option value="{{ $admin->id }}">{{ $admin->username }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button href="#" class="card-link btn-primary btn btn-send-all-admin" data-id="662829">发送给所有管理员
                    </button>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                    <h5 class="card-title">模板id: 662826</h5>
                    <h6 class="card-subtitle mb-2 text-muted">&nbsp;</h6>
                    <p class="card-text">
                        管理员您好，最近30天内，有{1}个合同即将到期，请到房产租赁管理系统进行查看详情：http://39.101.218.208:8090/admin/auth/login</p>
                    <div class="alert alert-info alert-dismissable" style="margin: 5px">
                        <i class="fa fa-exclamation-circle"></i> 注：ctrl + 左击 进行多选
                    </div>
                    <div class="form-group">
                        <label for="selectAdmins">请选择管理员</label>
                        <select multiple class="form-control" name="admins662826" style="max-height: 150px">
                            @foreach($admins as $admin)
                                <option value="{{ $admin->id }}">{{ $admin->username }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button href="#" class="card-link btn-primary btn btn-send-all-admin" data-id="662826">发送给所有管理员</button>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                    <h5 class="card-title">模板id: 652770</h5>
                    <h6 class="card-subtitle mb-2 text-muted">&nbsp;</h6>
                    <p class="card-text">您好, 您本月的租金为{1}，更多详情请查看http://192.168.10.10/</p>
                    <div class="alert alert-info alert-dismissable" style="margin: 5px">
                        <i class="fa fa-exclamation-circle"></i> 注：ctrl + 左击 进行多选
                    </div>
                    <div class="form-group">
                        <label for="selectAdmins">请选择管理员</label>
                        <select multiple class="form-control" name="admins662826" style="max-height: 150px">
                            @foreach($admins as $admin)
                                <option value="{{ $admin->id }}">{{ $admin->username }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button href="#" class="card-link btn-primary btn btn-send-all-admin" data-id="662826">发送给所有管理员</button>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                    <h5 class="card-title">模板id: 662819</h5>
                    <h6 class="card-subtitle mb-2 text-muted">&nbsp;</h6>
                    <p class="card-text">您好，{1}月租金已成功缴纳。租金为{2}，杂费为{3}元。详情查看：http://39.101.218.208:8090/</p>
                    <div class="alert alert-info alert-dismissable" style="margin: 5px">
                        <i class="fa fa-exclamation-circle"></i> 注：ctrl + 左击 进行多选
                    </div>
                    <div class="form-group">
                        <label for="selectAdmins">请选择承租人</label>
                        <select multiple class="form-control" name="owners662819" style="max-height: 150px">
                            @foreach($owners as $owner)
                                <option value="{{ $owner->id }}">{{ $owner->user->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button href="#" class="card-link btn-primary btn btn-send-all-owner" data-id="662819">发送给所有承租人</button>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                    <h5 class="card-title">模板id: 662813</h5>
                    <h6 class="card-subtitle mb-2 text-muted">&nbsp;</h6>
                    <p class="card-text">您好，您本月租金为{1}元，杂费为{2}元。请到管理处缴纳。详情请查看：http://39.101.218.208:8090/</p>
                    <div class="alert alert-info alert-dismissable" style="margin: 5px">
                        <i class="fa fa-exclamation-circle"></i> 注：ctrl + 左击 进行多选
                    </div>
                    <div class="form-group">
                        <label for="selectAdmins">请选择承租人</label>
                        <select multiple class="form-control" name="owners662819" style="max-height: 150px">
                            @foreach($owners as $owner)
                                <option value="{{ $owner->id }}">{{ $owner->user->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button href="#" class="card-link btn-primary btn btn-send-all-owner" data-id="662819">发送给所有承租人</button>
                </div>
            </div>
            <div class="card" style="width: 18rem;">
                <div class="card-body">
                    <h5 class="card-title">模板id: 652773</h5>
                    <h6 class="card-subtitle mb-2 text-muted">&nbsp;</h6>
                    <p class="card-text">
                        管理员您好，您的房产本月应收租金{1}元，已收{2}元。详情请查看：http://39.101.218.208:8090/admin/auth/login</p>
                    <div class="alert alert-info alert-dismissable" style="margin: 5px">
                        <i class="fa fa-exclamation-circle"></i> 注：ctrl + 左击 进行多选
                    </div>
                    <div class="form-group">
                        <label for="selectAdmins">请选择承租人</label>
                        <select multiple class="form-control" name="owners662819" style="max-height: 150px">
                            @foreach($owners as $owner)
                                <option value="{{ $owner->id }}">{{ $owner->user->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <button href="#" class="card-link btn-primary btn btn-send-all-owner" data-id="662819">发送给所有承租人</button>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    Dcat.ready(function () {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        // 发送短信给租客  已经废弃
        $('.btn-send-all-owner').click(function () {

            let id = $(this).data("id");
            let url = `send-sms/${id}/to-owners`; // 拼接url
            let ids = $("select[name='owners" + id + "']").val();  // 管理员 ids

            Dcat.confirm('你确定群发该短信给所有租客吗？', null, function () {
                $.ajax({
                    url: url,
                    method: "post",
                    contentType: "application/json",
                    data: JSON.stringify({
                        _token: "{{ csrf_token() }}",
                        ids: ids
                    }),
                }).then(function () {
                    Dcat.swal.success('群发短信给租客成功', '').then(function () {
                        location.reload();
                    })
                }).catch(function () {
                    Dcat.swal.error('服务器异常', '').then(function () {
                        location.reload();
                    })
                })
            });
        });

        // 发送短信给管理员   已经废弃
        $('.btn-send-all-admin').click(function () {
            let id = $(this).data("id");
            let url = `send-sms/${id}/to-admins`; // 拼接url
            let ids = $("select[name='admin" + id + "']").val();  // 管理员 ids

            Dcat.confirm('你确定发送短信给管理员？', null, function () {
                $.ajax({
                    url: url,
                    method: "post",
                    contentType: "application/json",
                    data: JSON.stringify({
                        _token: "{{ csrf_token() }}",
                        ids: ids
                    }),
                }).then(function () {
                    Dcat.swal.success('群发短信给管理员成功', '').then(function () {
                        location.reload();
                    })
                }).catch(function () {
                    Dcat.swal.error('服务器异常', '').then(function () {
                        location.reload();
                    })
                })
            });
        });

    });
</script>